<script setup>
//读取存储的数据
//导入pinia定义的数据
import {definedPerson} from "../store/stores.js";

let person = definedPerson()
</script>

<template>
  <div>
  <h1>List页面,展示Pinia中的数据</h1>
  读取姓名：{{person.username}}<br>
  读取年龄：{{person.age}}<br>
  get年龄：{{person.getAge}}<br>
  爱好数量：{{person.getHobbiesCount}}<br>
  所有的爱好：
  <ul>
    <li v-for="(hobby,index) in person.hobbies" :key="index" v-text="hobby"></li>
  </ul>
  </div>
</template>

<style scoped>

</style>